@charset "utf-8";

/*新增会员中心CSS*/
.vipcenter {font-family:"微软雅黑"; padding: 0px; font-size:.14rem;}
.vipcenter .vipheader { padding: .2rem; height: 165px; background: url(../images/agency-top.jpg); background-size: cover;}
.vipcenter .vipheader .touxiang { width: 72px; height: 72px; margin: 0px auto; border-radius: 100%; border: 2px solid #fff;}
.vipcenter .vipheader .touxiang img { border-radius: 100%; width: 100%;}
.vipcenter .vipheader .name {text-align: center; color: #fff; line-height:.3rem;}
.vipcenter .vipheader .gztt {text-align: center; color: #fff;}
.vipcenter .vipsan { padding: 14px 0; background: #fff; border-bottom:1px solid #ccc; overflow: auto; margin-bottom: 10px;}
.vipcenter .vipsan div { border-right:1px solid #ccc; width:25%; float:left; text-align:center;}
.vipcenter .vipsan div:last-child { border: 0px;}
.vipcenter .vipsan a { color: #666; }
.vipcenter .vipsan h4 { font-size: 1em; line-height: 1.5em;}
.vipcenter .vipsan p { color: red; padding: 0px; margin: 0px;}
.vipcenter .vipul { background: #fff; padding: 0px; margin: 0px; border:1px solid #ccc; border-width: 1px 0;}
.vipcenter .vipul li { padding: 0px 0px; overflow: auto; border-bottom:1px solid #ccc; position: relative;}
.vipcenter .vipul li:last-child { border: 0px;}
.vipcenter .vipul li a { color: #666; display:block; padding: 15px 10px; height: 50px; position: relative;  width: 100%;}
.vipcenter .vipul li .rizi { position: absolute; right: 10px;}
.vipcenter .vipul li .lvzi { color: #00B285;}
.vipcenter .vipul li .redzi { color: red;}
.vipcenter .vipul li .lzz { float: left;}
.vipcenter .vipul li .icc { float: left; padding-right: 1em; display: block;}
.vipcenter .vipul li:nth-child(10n+1) .icc { color: #00B285;}
.vipcenter .vipul li:nth-child(10n+2) .icc { color: #00A1DF;}
.vipcenter .vipul li:nth-child(10n+3) .icc { color: #FF8000;}
.vipcenter .vipul li:nth-child(10n+4) .icc { color: #FF4D4D;}
.vipcenter .vipul li:nth-child(10n+5) .icc { color: #00468C;}


/* 订单样式 */
.order-container {font-size: .14rem;}
.tab-wrap.fixed {height: .37rem;}
.order-tab {background-color: #f4f4f4;overflow: hidden;}
.fixed .order-tab {position: fixed;left: 0;top: 0;z-index: 90;width: 100%; }
.order-tab li {width: 33.333%;height: .36rem;line-height: .38rem;font-size: .16rem;color: #666;text-align: center;border-bottom: 1px solid #e6e6e6; }
.order-tab li.cur {color: #cc3333; border-bottom: 2px solid #cc3333;}
.order-list {background: #F8F8F8; }
.order-list li {margin-bottom: .1rem;background: #fff;border-bottom: 1px solid #e6e6e6; }
.order-list .order-info {padding: 0 .15rem;line-height: .4rem;color: #999;font-size: .12rem;border-bottom: 1px solid #efefef; }
.order-list .order-info .order-time {white-space: nowrap;margin-left: .05rem; }
.order-list .pay-state {display: inline-block;color: #ff7f00;font-size: .12rem; }
.order-list .school {font-size: .14rem;color: #999; }
.course-list.wider {padding: .10rem 0; }
.course-list.row2 .item {margin-bottom: 0;padding: 0 .15rem;overflow: visible; }
.order-list .pay-info {padding: 0 .15rem;height: .45rem;color: #999;font-size: .14rem;border-top: 1px solid #EFEFEF; }
.order-list .pay-info i {color: #ff7f00;font-size: .16rem; font-family: "微软雅黑";}
.order-list .pay-info .pay-btn{color:#fff; font-family:"微软雅黑";background-color:#EF740A;padding:.05rem .08rem;border-radius: 0.05rem;}
.order-list .pay-info .evaluate-btn{color:#fff; font-family:"微软雅黑";background-color:#06c1ae;padding:.05rem .08rem;border-radius: 0.05rem;}
.order-list .btn-pay-now {display: inline-block;width: .65rem;height: .24rem;line-height: .24rem;border: 1px solid #ff9833;background: #fffaf6;color: #ff7f00;text-align: center;font-size: .12rem;border-radius: 2px; }
.course-list.wider .state-down {position: relative; }
.course-list.wider .state-down img {opacity: .4; }
.course-list .ico-state-down {position: absolute;left: .87rem;top: -.1rem;display: inline-block;width: .55rem;height: .55rem;background: url(../images/ico-course-down.png) no-repeat; }
.course-list .myviplog{font-size: .14rem;line-height: .24rem;font-family: "微软雅黑";}
.no-content {padding: .6rem 0;text-align: center;color: #ddd;font-size: .16rem; }
.no-content .ico-none {display: inline-block;margin-bottom: .1rem;width: 54px;height: 55px;background: url(../images/ico-order-none.png) no-repeat; }
@media screen and (max-width: 320px) {.order-list .order-info {padding: .05rem .15rem;}.order-list .order-info .num-time {line-height: .2rem;} }


/* VIP服务样式 */
.myvip{font-family:"微软雅黑";}
.myvip ul li{ color:#fff;}
.myvip-container {font-size: .14rem;}
.tab-wrap.fixed {height: .37rem;}
.myvip-tab {background-color: #FE7875;overflow: hidden;}
.fixed .myvip-tab {position: fixed;left: 0;top: 0;z-index: 90;width: 100%; }
.myvip-tab li {width:100%;height: .46rem;line-height: .46rem;font-size: .16rem;color: #666;text-align: center;bmyvip-bottom: 1px solid #e6e6e6; }
.myvip-tab li.cur {color: #43c0b5;bmyvip-color: #43c0b5; }
.myvip-list {background: #F8F8F8; padding: .08rem 0;}
.myvip-list li {margin-bottom: .1rem;background: #fff;bmyvip-bottom: 1px solid #e6e6e6; }
.myvip-list .myvip-info {font-family:"微软雅黑";padding: 0 .15rem;line-height: .4rem;color: #999;font-size: .13rem;bmyvip-bottom: 1px solid #efefef; }
.myvip-list .myvip-info .myvip-time {white-space: nowrap;margin-left: .05rem; display: inline-block; text-align: right; width: 67%;}
.myvip-list .normal{color:#158A08;}
.myvip-list .disabled{color:#FD0000;}
.myvip-list .pay-state {display: inline-block;color: #ff7f00;font-size: .12rem; }
.myvip-list .school {font-size: .14rem;color: #999; }
.course-list2.wider {border-top: #F1EFEF 1px solid;}
.course-list2.wider .state-down {position: relative; }
.course-list2.wider .state-down img {opacity: .4; }
.course-list2 .ico-state-down {position: absolute;left: .87rem;top: -.1rem;display: inline-block;width: .55rem;height: .55rem;background: url(../images/ico-course-down.png) no-repeat; }
.course-list2 .buyvip{height: .4rem; border-bottom: #ddd 1px solid; padding-top: .08rem;}
.course-list2 .buyvip li{font-family:"微软雅黑";width:33.33333%; font-size:.14rem; float:left; margin:0;text-align:center;}
.course-list2 .buyvip .align{padding-top: .05rem;}
.course-list2 .buyvip .buybtn a{color: #fff; display: inline-block; width: .5rem; padding: .04rem .15rem;  background-color: #FF5E00; border-radius: .07rem;}


